<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>锚文本</title>
    <link rel="stylesheet" href="../../css/bootstrap.css">
    <script src="../../js/jquery-1.11.2.min.js"></script>
    <script src="../../js/bootstrap.min.js"></script>
    <style>
        body {
            padding: 50px;
        }
    </style>
</head>
<body>
<ul   style="position: fixed;">
    <li> <a href="#p1">段落一</a></li>
    <li> <a href="#p2">段落二</a></li>
    <li> <a href="#p3">段落三</a></li>
</ul>
<div style="height: 1000px">
<p><a name="p1"></a>段落一</p></div>
<div style="height: 1000px">
<p><a  name="p2"></a>段落二</p></div>
    <div style="height: 1000px">
<p id="p3">段落三</p></div>
<hr>
</body>
</html>
